<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='设备关联员工')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/BasicInfo/deviceAssociatedEmployees.css}" rel="stylesheet" />
<body class="">
	<div class="main-content blank_bg">
		<div>
			<div>
				<div class="row" style="">
					<div class="col-sm-3 col-md-3 divClassLeft div_bg">
						<!-- <div class="col-sm-12 col-md-12" style="background-color: #5bc0de; height: 30px; line-height: 30px;">
							<p style="color: #fff;">设备</p>
						</div> -->
						<div style="margin: 0;">
							<div>
								<span>设备名称：</span>
								<input type="text"  id="deviceName" class="form-control" oninput="search()" style="width: 65%;" placeholder="请输入要查询的设备名称"></input>
							</div>
							<ul id="deviceTree" class="ztree" style="height: 470px; width: 100%; overflow: auto;"></ul>
						</div>
					</div>
					<div class="col-sm-9 col-md-9 divClassRight div_bg">
						<div id="accountShow">
							<!-- <div class="col-sm-12 col-md-12" style="background-color: #5bc0de; height: 30px; line-height: 30px;">
								<p style="color: #fff;" id="deviceTitle">设备关联员工</p>
							</div> -->
							<span class="titleX" style="margin-bottom: 10px;">用户基本信息</span>
							<div>
								<div style="float: right;line-height: 30px;">
									<button type="button" class="btn btn-default" id="addEmployees" style="margin:0;">添加</button>
								</div>
								<div>
									<table id="associatedTable" class="table dataTable table-hover">
									</table>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 添加员工模态框 start -->
					<div class="modal fade " id="addEmployeesModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
						<div class="modal-dialog" style="width: 800px; height: 220px;">
							<div class="modal-content" style="width: auto;">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
									<h4 class="modal-title" id="addtitleModal">添加员工</h4>
								</div>
								<div class="modal-body" style="height: auto; padding: 10px;">
									<div style="margin-bottom: 5px;">
										<div style="float:left">
											<span class="spanCss">员工号：</span> 
											<input type="text" id="fNumber" name="fNumber" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
											<span class="spanCss">员工姓名：</span> 
											<input type="text" id="fName" name="fName" class="form-control clean_C" style="width: 150px; margin-right: 10px;" /> 
										</div>
										<div style="float:left">
											<button id="query" class="btn btn-default " type="button" style="margin-left: 10px;">查询</button>
											<button type="button" class="btn btn-default " id="resetting">重置</button>
										</div>
										<div style="clear:both"></div>
									</div>
									<div>
										<table id="employeesTable" class="table dataTable table-hover">
										</table>
									</div>
									<div>
										<span style="" class="requiredCss">注：双击员工即可添加该员工。</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 添加员工模态框 end -->
				</div>
			</div>
		</div>
	</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: ztree" />
	<div th:include="base :: bootstrapTable" />
	<script th:src="@{js/BasicInfo/deviceAssociatedEmployees.js}"></script>
</body>
</html>
